<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>盒子模型</title>
	<style>
		.hezi {
			/* 盒子模型当中。这个高，宽表示的是 元素内容的大小 */
			width: 200px;
			height: 200px;
			/* border 边框*/
			/* 
			border-width: 5px;
			border-style: solid; 
			border-color: red;
			*/
			/*简写*/
			border: 5px dotted red;


			/*内边距*/
			padding: 20px 20px;			
		}

		.hezi1 {
			/*单独指定 每条边*/
			width: 200px;
			height: 200px;
			border-top: none;
			border-left: none;
			border-right: none;
			border-bottom: 10px dashed orange;
		}
		
	</style>
</head>
<body>
		<div class="hezi">
			王者荣耀，李信
		</div>
		<div class="hezi1"></div>
</body>
</html>